<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<title>Demo HTML</title>

<link rel="stylesheet/less" href="public/css/style.less" />
<link rel="stylesheet" href="public/css/font-awesome.css"/>
<link rel="stylesheet" href="public/css/jquery.fanmenu.css"/>
<script src="public/js/less-1.5.0.min.js"></script>
<script src="public/js/jquery-1.11.0.min.js"></script>
<script src="public/js/jquery.fanmenu.js"></script>
</head>
<body>
<body class="home-bg">
<div class="home-index">
  <div class="home-logo">
    <img src="public/images/logo.png" alt="">
  </div>
  
  <div class="index-menu cc hide">
    <a href="impression.html" class="index-btn impression" style="display:none">
      <img src="public/images/menu-btn-0.png" alt="" >
    </a>
    <a href="news.html" class="index-btn activity" style="display:none">
      <img src="public/images/menu-btn-1.png" alt="">
    </a>
    <a href="#" class="index-btn media" style="display:none">
      <img src="public/images/menu-btn-2.png" alt="">
    </a>
    <a href="house.html" class="index-btn house-hold" style="display:none">
      <img src="public/images/menu-btn-3.png" alt="" >
    </a>
    <div class="pointer" style="display:none">
      <a href="#"><img src="public/images/pointer.png" alt="pointer"/></a>
    </div>
  </div>
</div>
<div class="home-footer">
  <img src="public/images/home-footer.png" alt="">
</div>


<script type="text/javascript">
$(function(){

  setTimeout(function(){
    $('.impression').fadeIn('fast',function(){
      $('.activity').fadeIn('fast',function(){
        $('.media').fadeIn('fast',function(){
          $('.house-hold').fadeIn('fast')
        })
      })
    });
    $('.pointer').fadeIn(2000);
    
  },1000)
  
  $('.index-btn').click(function(){
    window.location.href =  $(this).attr('href');
  })
})
</script>

</body>
</html>